import {CSSProperties, PropType} from 'vue'

export const SplitLine = defineComponent({
  props: {
    style: Object as PropType<CSSProperties>
  },
  setup(props) {
    return () => (
      <div
        style={{
          display: 'inline-block',
          width: '1px',
          height: '100%',
          paddingTop: '6px',
          paddingBottom: '6px'
        }}
      >
        <div
          class='w-full h-full'
          style={Object.assign({background: '#F7F8FB'}, props.style)}
        ></div>
      </div>
    )
  }
})
